<template>
  <div class="academic-item">
    <!-- 已修课程 -->
    <simple-course v-for="item in course.passList" :course="item" />
    <!-- 在修课程 -->
    <simple-course v-for="item in course.readingList" :course="item" />
    <!-- 未过课程 -->
    <simple-course v-for="item in course.unPassList" :course="item" />
    <!-- 未修课程 -->
    <simple-course v-for="item in course.unReadingList" :course="item" />
  </div>
</template>

<script>
  import SimpleCourse from '@/components/home/education/academic/SimpleCourse'
  export default {
    name: 'AcademicItem',
    components: {
      SimpleCourse
    },
    props: {
      course: {
        type: Object,
        default() {
          return {}
        }
      }
    }
  }
</script>

<style scoped>
  
</style>